<!DOCTYPE html>
<html lang="en" class="no-js">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
		<title>引字体图标演示</title>
		<!-- <link rel="stylesheet" type="text/css" href="css/component.css" /> -->
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
		<style type="text/css">
			/*字体图标就像字一样，可以设置各种样式*/
			span{
				font-size:30px;
				color:red;
				background-color: green;
			}
		</style>
	</head>
	<body>
		<i class="fa fa-music"></i>
		<span class="icon-team"></span>
		<span class="icon-blog"></span>
		<span class="icon-home"></span>
		<span class="icon-portfolio"></span>
		<span class="icon-services"></span>
		<span class="icon-contact"></span>
		<span class="icon-menu"></span>
	</body>
</html>